<template>
    <div>
        <table>
            <tr>
                <td>catid</td>
                <td>name</td>
                <td>descn</td> 
            </tr>
            <tr v-for="shwsitem in books">
               <td>{{shwsitem.categoryId}}</td>
               <td>{{shwsitem.description}}</td>
               <td>{{shwsitem.name}}</td>
            </tr>
            
        </table>
        
    </div>

</template>
<script>
    export default {
        name: "Book",
        data(){
            return{
                msg:'Hello vue',
                books:[
                    
                ]
            }
        },
        created () {
            const _this = this
          axios.get("http://localhost:8081/catalog/categories").then(function(resp){
              console.log(resp)
              _this.books = resp.data.data
              
          })  
        }
    }
</script>
<style scoped>

</style>
